技術問答
技術文章
iT 徵才
Tag
聊天室
2023 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2021 iThome 鐵人賽
DAY
24
0
Mobile Development
麻瓜學習 iOS 開發
系列 第
24
篇
Day24:使i用 ForEach、ScrollView 構建 UI
13th鐵人賽
enolazxy
2021-10-09 23:51:19
386 瀏覽
分享至
前言
上篇文章講了加數據進去,
今天來刻 UI。
實作
添加一些 image 進去 asset:
在 app 主頁面中將 image 和 text 並排顯示:
新增一個 RecipeDetailView file:
宣告變數 recipe 符合 class Recipe 的數據類型
建構 UI
用 ForEach 遍歷 recipe 中的 ingredients、directions 數組,
canvas 顯示:
再用一個 VStack 包住所有元素:
留言
追蹤
檢舉
上一篇
Day23:傳入 JSON 文件
下一篇
Day25:NavigationView
系列文
麻瓜學習 iOS 開發
共
30
篇
目錄
RSS系列文
訂閱系列文
2
人訂閱
26
Day26:TabView
27
Day27:用 EnvironmentObject 傳遞數據
28
Day28:Update the Data and the Featured View
29
Day29: Picker controller
30
Day 30 : DetailView
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1123
組
團體組數
52
組
累計文章數
23096
篇
完賽人數
656
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
2017鐵人賽
python
windows
php
c#
windows server
linux
css
程式設計
react
vue.js
熱門問題
老婆line被盜用換sin卡也無法拿回帳號使用權
怎麼才能免費申請
如果當超人拯救了別人,世界真的需要超人嗎?
網路佈線請益
VM以瀏覽器連線至虛擬機器的問題
檔案管理與呼叫資料夾(電腦使用習慣)
win10更改資料夾顏色
租用電腦服務
Docker打包程式的方式
記憶體不足,無法執行 MICROSOFT EXCEL。請關閉其他應用程式再試一次
熱門回答
如果當超人拯救了別人,世界真的需要超人嗎?
網路佈線請益
FAT32 有分什麼版本嗎? CCTV 不支持
一般硬體防火牆,對外 大多要限制那些服務?
PC安裝ESXi 8.0備份問題
熱門文章
你知道駭客如何入侵你的網站嗎?
使用 AWS建立商品管理系統
如何不顯示臉書的贊助商廣告 跟 為你推薦
如何使用AWS AI Service Cards – Amazon Rekognition ?
線上點餐系統
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}